<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <title>商品详情</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/member.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/js-tab.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <script>
        $(document).ready(function () {
            var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if (data == 'notNull') {
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%', '60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                } else {
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%', '20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });

        function toPay() {
            var allCheckCartId = "";
            var specificationId = $(".cur,specificationId").id;
            console.log(specificationId);
            var arrayi = 0;
            var isChecked = false;
            // for (var i = 0; i < specificationId.length; i++) {
            //     if (specificationId[i].checked) {
            //         isChecked = true;
            //         allCheckCartId = allCheckCartId + specificationId[i].name + ",";
            //         arrayi++;
            //     }
            // }
            // allCheckCartId = allCheckCartId.substring(0, allCheckCartId.length - 1);
            // window.location="myOrdersFill?allCheckCartId="+allCheckCartId;
        }

        $(function () {
            $(".yScrollListInList1 ul").css({width: $(".yScrollListInList1 ul li").length * (160 + 84) + "px"});
            $(".yScrollListInList2 ul").css({width: $(".yScrollListInList2 ul li").length * (160 + 84) + "px"});
            var numwidth = (160 + 84) * 4;
            $(".yScrollListInList .yScrollListbtnl").click(function () {
                var obj = $(this).parent(".yScrollListInList").find("ul");
                if (!(obj.is(":animated"))) {
                    var lefts = parseInt(obj.css("left").slice(0, -4));
                    if (lefts < 60) {
                        obj.animate({left: lefts + numwidth}, 1000);
                    }
                }
            })
            $(".yScrollListInList .yScrollListbtnr").click(function () {
                var obj = $(this).parent(".yScrollListInList").find("ul");
                var objcds = -(60 + (Math.ceil(obj.find("li").length / 4) - 4) * numwidth);
                if (!(obj.is(":animated"))) {
                    var lefts = parseInt(obj.css("left").slice(0, -4));
                    if (lefts > objcds) {
                        obj.animate({left: lefts - numwidth}, 1000);
                    }
                }
            })
        })
        $(function () {
            $(".pro_detail a").click(function () {
                $(".pro_detail a").removeClass("cur");
                $(this).addClass("cur");
                $("#big_img").attr("src", $(this).attr("simg"));
            });

            $(".attrdiv a").click(function () {
                $(".attrdiv a").removeClass("cur");
                $(this).addClass("cur");
            });

            $('.amount2').click(function () {
                var num_input = $("#subnum");
                var buy_num = (num_input.val() - 1) > 0 ? (num_input.val() - 1) : 1;
                num_input.val(buy_num);
            });

            $('.amount1').click(function () {
                var num_input = $("#subnum");
                var buy_num = Number(num_input.val()) + 1;
                num_input.val(buy_num);
            });

            $("#H-table li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over").hide();
                        $(".H-over:eq(" + _index + ")").show();
                    }
                })(i));
            });
            $("#H-table1 li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over1").hide();
                        $(".H-over1:eq(" + _index + ")").show();
                    }
                })(i));
            });
        });

    </script>
    <script>
        var checkedSpecificationId = "[[${commoditySpecification.get(0).specificationId}]]";

        function countAdd() {
            var count = $("#selectCount").val();
            count++;
            $("#selectCount").val(count);
        }

        function countMin() {
            var count = $("#selectCount").val();
            if (count > 1) {
                count--;
                $("#selectCount").val(count);
            }
        }

        function btn_sptypeName(specificationId) {
            checkedSpecificationId = specificationId;
        }

        function btn_toStore(storeId) {
            window.location = "store?storeId=" + storeId;
        }

        function btn_addToCart() {
            var commodityId = "[[${commodity.id}]]";
            var commodityCount = $("#selectCount").val();

            $.ajax({
                url: "/cart/addToCart",
                dataType: "json",
                data: {
                    "commodityId": commodityId,
                    "specificationId": checkedSpecificationId,
                    "commodityCount": commodityCount
                },
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('添加成功', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('添加失败', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else if (data["result"] == "exit") {
                        layer.msg('添加成功,购物车数量+' + data["addCount"], {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        function btn_collectStore(storeId) {
            $.ajax({
                url: "/collect/addStoreCollect",
                dataType: "json",
                data: {"storeId": storeId},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('关注成功', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('关注失败', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else if (data["result"] == "exit") {
                        layer.msg('该店铺已经在您的收藏夹里了哦~', {time: 1000}, function () {
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }

        $("#collect").click(function () {
            $(this).html("<i class=\"layui-icon\" id=\"collect\"z");
            layer.msg('收藏成功！', {time: 1000}, function () {
            });
        });
    </script>
    <script type="text/javascript">
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
            $("#collect").click(function () {
                //如果已经收藏
                if ([[${isCollected}]]) {
                    //收藏中移除
                    console.log("已经收藏，正在移除");
                    console.log('[[${commodity.id}]]');
                    $.ajax({
                        url: "/collect/delByCommodityIdCollect",
                        dataType: "json",
                        data: {"commodityId": '[[${commodity.id}]]'},
                        async: false,
                        success: function (data) {
                            if (data["result"] == "ok") {
                                layer.msg('移除成功', {time: 1000}, function () {
                                    window.location.reload();

                                });
                            } else if (data["result"] == "fail") {
                                layer.msg('移除失败', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "noSession") {
                                layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                    window.location = "login";
                                });
                            } else {
                                layer.msg('系统错误', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            }
                        },
                        type: "post"
                    });

                } else {
                    //如果还未收藏,添加到收藏
                    console.log("如果还未收藏,添加到收藏");
                    console.log('[[${commodity.id}]]');
                    $.ajax({
                        url: "/collect/addByCommodityIdCollect",
                        dataType: "json",
                        data: {"commodityId": '[[${commodity.id}]]'},
                        async: false,
                        success: function (data) {
                            if (data["result"] == "ok") {
                                layer.msg('收藏成功', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "fail") {
                                layer.msg('收藏失败', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "noSession") {
                                layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                    window.location = "login";
                                });
                            } else if (data["result"] == "exit") {
                                layer.msg('该商品已经在您的收藏夹里了哦~', {time: 1000}, function () {
                                });
                            } else {
                                layer.msg('系统错误', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            }
                        },
                        type: "post"
                    });
                }


            });
        });

        function logout() {
            $.ajax({
                url: "/user/logout",
                dataType: "json",
                data: {},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('退出成功', {time: 1000}, function () {
                            window.location = "index";
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('您还没有登录哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }
    </script>
<!--    <script type="text/javascript">-->
<!--        $(document).ready(function () {-->

<!--            $("#firstpane .menu_body:eq(0)").show();-->
<!--            $("#firstpane h3.menu_head").click(function () {-->
<!--                $(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");-->
<!--                $(this).siblings().removeClass("current");-->
<!--            });-->

<!--            $("#secondpane .menu_body:eq(0)").show();-->
<!--            $("#secondpane h3.menu_head").mouseover(function () {-->
<!--                $(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");-->
<!--                $(this).siblings().removeClass("current");-->
<!--            });-->

<!--        });-->
<!--    </script>-->


</head>
<body>

<input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null" th:href="@{/login}">请登录</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect?pageNum=1&pageSize=8}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null"><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a> <a
                            th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''"
                         onclick="javascript:window.location='myInfo'" style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix" style="padding:20px 0 20px ">
        <div class="header-logo fl"><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}" style="width:100px;height:80px;"><strong>淘淘商城</strong></a>
        </h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>
            <div class="words-text clearfix">
                <a th:href="@{/#}" class="red">1元秒爆</a>
                <a th:href="@{/#}">低至五折</a>
                <a th:href="@{/#}">农用物资</a>
                <a th:href="@{/#}">买一赠一</a>
                <a th:href="@{/#}">佳能相机</a>
                <a th:href="@{/#}">稻香村月饼</a>
                <a th:href="@{/#}">服装城</a>
            </div>
        </div>
        <div class="header-cart fr" th:if="${session.userId}!=null">
            <a th:href="@{/myCart?pageNum=1&pageSize=5}" target="_blank"
               style="height:30px;width:30px;float:right;margin-right:50px;"><img
                    id="test" src="../myFile/imgold/icon/car.png"></a>
            <i th:if="${session.cartIsNull}=='notNull'" class="head-amount" id="cartCountExist"
               th:text="${session.cartAllCount}"></i>
            <i th:if="${session.cartIsNull}=='null'" class="head-amount" id="cartCountUnExist">0</i>
        </div>
    </div>
    <div class="yHeader">
        <div class="yNavIndex">
            <div class="pullDown">
                <h2 class="pullDownTitle">全部商品分类</h2>
            </div>
             <ul class="yMenuIndex">
                 <li><a href="/home1" target="_blank">服装城</a></li>
                 <li><a href="#" >美妆馆</a></li>
                 <li><a href="#" >乐享美食</a></li>
                 <li><a href="#" >品质生活</a></li>
                 <li><a href="#" >智能家电</a></li>
            </ul>
        </div>
    </div>
</header>
<!-- header End -->

<!-- 商品详情 begin -->
<section>
    <div class="pc-details" style="background:	#EEEEEE">
        <div class="containers">
            <!--            <div class="pc-nav-item"><a class="pc-title" th:href="@{#}">电脑、办公</a> &gt; <a th:href="@{#}">外设产品</a> &gt;-->
            <!--                <a th:href="@{#}">电玩</a>&gt; <a th:href="@{#}">爱电玩（IGAME）</a>&gt; <a th:href="@{#}">任天堂NEW 3DS XL NDSi-->
            <!--                    NDSiLL NEW</a></div>-->
            <div class="pc-details-l">
                <div class="pc-product clearfix">
                    <div class="pc-product-h">
                        <div class="pc-product-top"><img th:src="'/myFile/img/commodityPic/'+${commodity.comPicture}+''"
                                                         id="big_img" width="418" height="418"></div>
                        <div class="pc-product-bop clearfix pro_detail">

                            <ul th:each="cs : ${commoditySpecification}">

                                <li><a href="javascript:void(0);"
                                       th:simg="'/myFile/img/specificationPic/'+${cs.picLink}+''"><img
                                        th:src="'/myFile/img/specificationPic/'+${cs.picLink}+''" width="58"
                                        height="58"></a></li>

                            </ul>
                        </div>
                    </div>
                    <div class="pc-product-t">
                        <div class="pc-name-info">
                            <div th:text="${commodity.name}"
                                 style="font-size:22px;width:460px;float:left;margin:0 0 10px 10px"></div>
                            <span style="float:left;" th:if="${isCollected}==true">
                                <i class="layui-icon" id="collect" style="font-size: 20px; color:#ea4949 ;">&#xe67a;</i>
                            </span>
                            <span style="float:left;" th:if="${isCollected}==false">
                                <i class="layui-icon" id="collect" style="font-size: 20px; color:#ea4949 ;">&#xe67b;</i>
                            </span>
                            <p class="clearfix pc-rate">
                                <strong>￥<span th:text="${commodity.comPrice}"></span></strong>
                                <!--                                <span><em>限时抢购</em>抢购将于<b class="reds">18</b>小时<b class="reds">57</b>分<b class="reds">34</b>秒后结束</span>-->
                            </p>
                            <p th:if="${store }!= null">由<a th:href="@{#}" class="reds" th:text="${store.name}"></a>
                                负责发货，并提供售后服务。</p>
                        </div>
                        <div class="pc-dashed clearfix">
                            <span>累计销量：<em class="reds" th:text="${commodity.bayCount}"></em> 件</span><b>|</b><span>累计评价：<em
                                class="reds" th:text="${commodity.evaluateCount}"></em></span>
                        </div>
                        <div class="pc-size">
                            <div class="attrdiv pc-telling clearfix">
                                <div class="pc-version">版本</div>
                                <div class="pc-adults pro_detail">
                                    <ul th:each="cs1 : ${commoditySpecification}">
                                        <li><a th:simg="'/myFile/img/specificationPic/'+${cs1.picLink}+''"
                                               class="specificationId" th:id="${cs1.specificationId}"
                                               th:href="'javascript:btn_sptypeName('+${cs1.specificationId}+');'"
                                               th:text="${cs1.typeName}"></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <!--                            <div class="pc-telling clearfix">-->
                            <!--                                <div class="pc-version">颜色分类</div>-->
                            <!--                                <div class="pc-adults">-->
                            <!--                                    <ul>-->
                            <!--                                        <li><a th:href="@{#}" title="黑色" class="cur"><img th:src="@{/myFile/imgold/pd/product.png}" width="35" height="35"></a> </li>-->
                            <!--                                        <li><a th:href="@{#}" title="白色"><img th:src="@{/myFile/imgold/pd/product1.png}" width="35" height="35"></a> </li>-->
                            <!--                                        <li><a th:href="@{#}" title="金色"><img th:src="@{/myFile/imgold/pd/product2.png}" width="35" height="35"></a> </li>-->

                            <!--                                    </ul>-->
                            <!--                                </div>-->
                            <!--                            </div>-->
                            <div class="pc-telling clearfix">
                                <div class="pc-version">数量</div>
                                <div class="pc-adults clearfix">
                                    <div class="pc-adults-p clearfix fl">
                                        <a href="javascript:countMin();"><span style="font-size: 30px;">-</span></a>
                                        <input autocomplete="off" id="selectCount" type="text"
                                               style="width:30px;float:none;" value="1" minnum="1"/>
                                        <a href="javascript:countAdd();"><span style="font-size: 20px;">+</span></a>
                                    </div>
                                    <div class="fl pc-letter ">件</div>
                                    <div class="fl pc-stock ">库存<em th:text="${commoditySpecification.get(0).inventory}"
                                                                    id="inventory"></em>件
                                    </div>
                                </div>
                            </div>
                            <!--                            <div class="pc-number clearfix"><span class="fl">商品编号：1654456   </span> <span class="fr">分享 收藏</span></div>-->
                        </div>
                        <div class="pc-emption">
                            <a href="javascript: toPay();">立即购买</a>
                            <a href="javascript:btn_addToCart()" class="join">加入购物车</a>
                        </div>
                    </div>
                    <div class="pc-product-s" th:if="${store != null}">
                        <div class="pc-shoplo"><a th:href="@{#}"><img style="width: 170px;height: 70px;"
                                                                      th:src="'/myFile/img/storeLogePic/'+${store.logo}+''"></a>
                        </div>
                        <div class="pc-shopti" style="margin-top: 50px">
                            <h2 style="text-align: center">店铺：<span th:text="${store.name}"></span></h2>
                            <!--                            <p>公司名称：优购科技有限公司</p>-->
                            <p style="text-align: center">所在地： <span th:text="${store.area}"></span></p>
                        </div>
                        <div class="pc-custom" style="text-align: center"><a th:href="@{#}">联系客服</a></div>
                        <div class="pc-trigger">
                            <a th:href="'javascript:btn_toStore('+${store.id}+')'">进入店铺</a>
                            <a th:href="'javascript:btn_collectStore('+${store.id}+')'" style="margin:0;">关注店铺</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="containers clearfix" style="margin-top:20px;">
        <div class="fl">
            <div class="pc-menu-in">
                <h2>店内搜索</h2>
                <form>
                    <p>关键词:<input type="text" class="pc-input1"></p>
                    <p>价 格：<input class="pc-input2"> 到 <input class="pc-input2"></p>
                    <p><a th:href="@{#}">搜索</a></p>
                </form>
            </div>
<!--            <div class="menu_list" id="firstpane">-->
<!--                <h2>店内分类</h2>-->
<!--                <h3 class="menu_head current">电玩</h3>-->
<!--                <div class="menu_body" style="display: none;">-->
<!--                    <a th:href="@{#}">耳机耳麦</a>-->
<!--                    <a th:href="@{#}">游戏机</a>-->
<!--                </div>-->
<!--                <h3 class="menu_head">手机</h3>-->
<!--                <div class="menu_body" style="display: none;">-->
<!--                    <a th:href="@{#}">手机</a>-->
<!--                    <a th:href="@{#}">手机</a>-->
<!--                    <a th:href="@{#}">手机</a>-->
<!--                </div>-->

<!--                <h3 class="menu_head">耳机耳麦</h3>-->
<!--                <div class="menu_body" style="display: none;">-->
<!--                    <a th:href="@{#}">耳机耳麦</a>-->
<!--                    <a th:href="@{#}">耳机耳麦</a>-->
<!--                    <a th:href="@{#}">耳机耳麦</a>-->
<!--                    <a th:href="@{#}">耳机耳麦</a>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <div class="pc-info fr">
            <div class="pc-overall">
                <ul id="H-table1" class="brand-tab H-table1 H-table-shop clearfix ">
                    <li class="cur"><a href="javascript:void(0);">商品介绍</a></li>
                    <li><a href="javascript:void(0);">商品评价</a></li>
                    <li><a href="javascript:void(0);">售后保障</a></li>
                </ul>
                <div class="pc-term clearfix">
                    <div class="H-over1 pc-text-word clearfix">
                        <ul class="clearfix">
                            <p><span th:text="${commodity.description}"></span></p>
                        </ul>

                        <div class="H-over1" style="display:none">
                            <div class="pc-comment fl"><strong>86<span>%</span></strong><br> <span>好评度</span></div>
                            <div class="pc-percent fl">
                                <dl>
                                    <dt>好评<span>(86%)</span></dt>
                                    <dd>
                                        <div style="width:86px"></div>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>中评<span>(86%)</span></dt>
                                    <dd>
                                        <div style="width:86px"></div>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>好评<span>(86%)</span></dt>
                                    <dd>
                                        <div style="width:86px"></div>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <div class="H-over1 pc-text-title" style="display:none">
                            <p>本产品全国联保，享受三包服务，质保期为：一年质保
                                如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！
                                (注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。) 您可以查询本品牌在各地售后服务中心的联系方式，请点击这儿查询......</p>
                            <div class="pc-line"></div>
                        </div>
                    </div>
                </div>
                <div class="pc-overall">
                    <ul class="brand-tab H-table H-table-shop clearfix " id="H-table" style="margin-left:0;">
                        <li class="cur"><a href="javascript:void(0);">全部评价（<span
                                th:text="${evaluatePicsize}"></span>）</a></li>
                        <li><a href="javascript:void(0);">好评<em class="reds">（<span th:text="${s1}"></span>）</em></a>
                        </li>
                        <li><a href="javascript:void(0);">中评<em class="reds">（<span th:text="${s2}"></span>）</em></a>
                        </li>
                        <li><a href="javascript:void(0);">差评<em class="reds">（<span th:text="${s3}"></span>）</em></a>
                        </li>
                    </ul>
                    <div class="pc-term clearfix">
                        <div class="pc-column">
                            <span class="column4">评价人</span>
                            <span class="column4">评分</span>
                            <span class="column1"style="width:300px;">评价</span>
                            <span class="column1"style="width:300px;">晒单</span>
                        </div>
                        <!--                        全部评价-->
                        <div class="H-over  pc-comments clearfix">
                            <ul class="clearfix">
                                <li class="clearfix"style="height:150px" th:each="eva:${evaluates}">
                                    <div class="column4"style="width:105px;padding:20px 0px">
                                        <p><img style="width: 50px;height: 50px;border-radius:50%;" th:src="'/myFile/img/userHeadPic/'+${eva.head}+''"></p>
                                        <p>vtrygu</p>

                                    </div>
                                    <div class="column4"style="padding:0 20px;line-height:100px;"><img th:src="@{/myFile/imgold/icon/star.png}"></div>
                                    <div class="column1"style="padding:10px;width:300px">

                                        <div class="clearfix">
                                            <p th:text="${eva.content}"style="padding-bottom: 10px;"></p>
                                            <p style="float: left;line-height: 35px;width:150px;padding:0 50px 0 0px" th:text="${eva.evaluateDate}"></p>
                                            <a th:href="'javascript:evaLike('+${eva.evaluateId}+')'">赞<em>（<span th:text="${eva.likeCount}"></span>）</em></a>
                                        </div>

                                    </div>
                                    <div class="column1"style="width:300px;">
                                        <span th:each="evaPic: ${eva.evaluatePics}"><img th:src="'/myFile/img/evaluatePic/'+${evaPic.picture}+''" style=" width:60px;height:60px;margin-right:10px;"></span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <!--                       好评-->
                        <div style="display:none" class="H-over pc-comments">
                            <ul class="clearfix">
                                <li class="clearfix"style="height:150px" th:each="eva:${evaluates}">
                                    <div class="column4"style="width:105px;padding:20px 0px">
                                        <p><img style="width: 50px;height: 50px;border-radius:50%;" th:src="'/myFile/img/userHeadPic/'+${eva.head}+''"></p>
                                        <p>vtrygu</p>

                                    </div>
                                    <div class="column4"style="padding:0 20px;line-height:100px;"><img th:src="@{/myFile/imgold/icon/star.png}"></div>
                                    <div class="column1"style="padding:10px;width:300px">

                                        <div class="clearfix">
                                            <p th:text="${eva.content}"style="padding-bottom: 10px;"></p>
                                            <p style="float: left;line-height: 35px;width:150px;padding:0 50px 0 0px" th:text="${eva.evaluateDate}"></p>
                                            <a th:href="'javascript:evaLike('+${eva.evaluateId}+')'">赞<em>（<span th:text="${eva.likeCount}"></span>）</em></a>
                                        </div>

                                    </div>
                                    <div class="column1"style="width:300px;">
                                        <span th:each="evaPic: ${eva.evaluatePics}"><img th:src="'/myFile/img/evaluatePic/'+${evaPic.picture}+''" style=" width:60px;height:60px;margin-right:10px;"></span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <!--                       中评-->
                        <div style="display:none" class="H-over pc-comments">
                            <ul class="clearfix">
                                <li class="clearfix"style="height:150px" th:each="eva:${evaluates}">
                                    <div class="column4"style="width:105px;padding:20px 0px">
                                        <p><img style="width: 50px;height: 50px;border-radius:50%;" th:src="'/myFile/img/userHeadPic/'+${eva.head}+''"></p>
                                        <p>vtrygu</p>

                                    </div>
                                    <div class="column4"style="padding:0 20px;line-height:100px;"><img th:src="@{/myFile/imgold/icon/star.png}"></div>
                                    <div class="column1"style="padding:10px;width:300px">

                                        <div class="clearfix">
                                            <p th:text="${eva.content}"style="padding-bottom: 10px;"></p>
                                            <p style="float: left;line-height: 35px;width:150px;padding:0 50px 0 0px" th:text="${eva.evaluateDate}"></p>
                                            <a th:href="'javascript:evaLike('+${eva.evaluateId}+')'">赞<em>（<span th:text="${eva.likeCount}"></span>）</em></a>
                                        </div>

                                    </div>
                                    <div class="column1"style="width:300px;">
                                        <span th:each="evaPic: ${eva.evaluatePics}"><img th:src="'/myFile/img/evaluatePic/'+${evaPic.picture}+''" style=" width:60px;height:60px;margin-right:10px;"></span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                        <!--                       差评-->
                        <div style="display:none" class="H-over pc-comments">
                            <ul class="clearfix">
                                <li class="clearfix"style="height:150px" th:each="eva:${evaluates}">
                                    <div class="column4"style="width:105px;padding:20px 0px">
                                        <p><img style="width: 50px;height: 50px;border-radius:50%;" th:src="'/myFile/img/userHeadPic/'+${eva.head}+''"></p>
                                        <p>vtrygu</p>

                                    </div>
                                    <div class="column4"style="padding:0 20px;line-height:100px;"><img th:src="@{/myFile/imgold/icon/star.png}"></div>
                                    <div class="column1"style="padding:10px;width:300px">

                                        <div class="clearfix">
                                            <p th:text="${eva.content}"style="padding-bottom: 10px;"></p>
                                            <p style="float: left;line-height: 35px;width:150px;padding:0 50px 0 0px" th:text="${eva.evaluateDate}"></p>
                                            <a th:href="'javascript:evaLike('+${eva.evaluateId}+')'">赞<em>（<span th:text="${eva.likeCount}"></span>）</em></a>
                                        </div>

                                    </div>
                                    <div class="column1"style="width:300px;">
                                        <span th:each="evaPic: ${eva.evaluatePics}"><img th:src="'/myFile/img/evaluatePic/'+${evaPic.picture}+''" style=" width:60px;height:60px;margin-right:10px;"></span>
                                    </div>
                                </li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</section>
<!-- 商品详情 End -->

<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{#}">保障范围 </a></li>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d2.png}"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d3.png}"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{#}">保障范围 </a></li>
                <li><a th:href="@{#}">购物流程</a></li>
                <li><a th:href="@{#}">会员介绍 </a></li>
                <li><a th:href="@{#}">生活旅行</a></li>
                <li><a th:href="@{#}"> 常见问题 </a></li>
                <li><a th:href="@{#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">退货退款流程</a></li>
                <li><a th:href="@{#}">服务中心 </a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}">服务中心</a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
                <li><a th:href="@{#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>